@charset "utf-8";
/* sliding panel */

/*disable funny stuff*/
* {

-webkit-touch-callout: none;

-webkit-user-select: none;

}

input {

-webkit-user-select: auto;

}


/*Adjusts padding for all of the List Dividers*/
.ui-content {
	padding-right: 15px !important;
	padding-left: 15px !important;
}
.ui-link-inherit {
	padding-right: 50px !important;
	padding-left: 15px !important;
}

.highcharts-tooltip{
	color: #3480d5;
	
}

.highcharts-tooltip-color-red {
	color: #B9121B;
}

.highcharts-tooltip-color-green {
	color: #5C832F;
	/*font-size: 16px;*/
}

.ui-li-link-alt-left {
	left: 0;
	right: auto;	
}

.ul-li-has-alt-left {
	padding-right: auto !important;
	padding-left: 48px !important;
}

.shift {
	margin-right: 30px;	
}

.ui-dialog {
	background-color: #98bede;
	background-image: none;
/*	background-attachment:fixed !important;
	background: -moz-linear-gradient(bottom, #e6ebf1 0%, #98bede 100%) !important; 
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e6ebf1), color-stop(100%,#98bede)) !important; 
    background: -webkit-linear-gradient(bottom, #e6ebf1 0%,#98bede 100%) !important; 
    background: -o-linear-gradient(bottom, #e6ebf1 0%,#98bede 100%) !important; 
    background: -ms-linear-gradient(bottom, #e6ebf1 0%,#98bede 100%) !important;
    background: linear-gradient(135deg, #e6ebf1 0%,#98bede 100%) !important; 
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bede', endColorstr='#e6ebf1',GradientType=0 ) !important;*/
}

.backgroundMain {
	background-image: none;
	background-color: #98bede;
	/*background-attachment: fixed;
	background: -moz-linear-gradient(bottom, #e6ebf1 0%, #98bede 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e6ebf1), color-stop(100%,#98bede));
	background: -webkit-linear-gradient(bottom, #e6ebf1 0%,#98bede 100%);
	background: -o-linear-gradient(bottom, #e6ebf1 0%,#98bede 100%);
	background: -ms-linear-gradient(bottom, #e6ebf1 0%,#98bede 100%); 
	background: linear-gradient(135deg, #e6ebf1 0%,#98bede 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bede', endColorstr='#e6ebf1',GradientType=0 );
	background-attachment: fixed;*/
}


/*.body {
	width: 100%;
}*/

.myChart2 {
	margin: 0 auto;
	padding: 0;	
}
/*Automatic color and icon control TEST */
.variableFont {
	font-size: 19px;
	margin-right: 2px;/* controlls spacing between variable and arrow*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
/*Listview info popup page*/
.infoFont {
	font-size: 19px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 15px 10px 15px 15px;
}

.infoTitle {
	text-align: center;	
}

.infoPage {
	max-width: 380px;
}
/* Split Button `Listview text and icon positioning*/
.one {
	float: left;
	width: 65%;
	}
	
.oneConsumer {
	float: left;
	width: 65%;
	}	
	
.oneShort {
	float: left;
	width: 60%;
}
	
.twoLong {
	float: right;
	text-align: right;
	width: 40%;
	padding-top: 20px;
}
	
.two {
	float: right;
	text-align: right;
	width: 35%;
	padding-top: 20px;
}

.two2 {
	float: right;
	text-align: right;
	width: 35%;
	padding-top: 6px;
}

.two2Consumer {
	float: right;
	text-align: right;
	width: 35%;
	padding-top: 6px;
}

.three {
	float: left;
	clear: both;
}

.four {
	float: right;
	text-align: right;
	padding-top: 0px;
	padding-right: 28px;
}

/*adds padding to the right of all MoM and YoY tags*/
div.four > p > i {
	padding-right: 2px;
}



/*colors and font size for dynamic icons*/	
.upgG, .upgB, .upgR, .upgError {
	font-size: 20px;
		
}

.upgG {
	color: #393;
}

.upgB {
	color: #06C;
}


.upgR {
	color: #C33;
}

.upgError {
	color: red;
	background-color:;
}

/* END TEST*/

#headerImg {
	padding-top: 5px;
	text-align: center;
}
.headerTitle {
	font-size: 24px;
}

.logo {
	text-align: center;
}

/*.accordionContent {
	text-align: center;
	margin-left: -3px;
}*/

.infoLinks {
	margin: 15px auto;
}
/* HEADERS AND FOOTERS */    


.ui-header {
		height: 56px;
		text-align: center;
}

.ui-footer {
	height: 30px;
}

.footerNav {
	height: 35px;
	width: 86px;
}

#footerNavpos {
	text-align: center;
}

/* This selector only targets h1 tag inside of the div containers 
	USE TO ADJUST HEADER TITLES*/
.ui-header .ui-title {
	font-size: 19px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: inherit;
	margin-top: 15px;
}
/*USE TO ADJUST HEADER OF INFO PAGE*/
#info .ui-header .ui-title {
	font-size: 19px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: inherit;
	margin-top: 15px;
}

.head, li, h2 {
	padding-bottom: 5px;
}

/* +++ INFO PAGE SETTINGS +++ */
/*adds padding for the info page footer*/
#info .ui-footer {
	padding-bottom: 25px;
}
/*controls location of "X" icon*/
#info .ui-icon {
	margin-top: 13px;
	margin-left: 13px;
}
/*adds padding for the info page header*/
#info .ui-header {
	padding-bottom: 3px;
}
/* --- END OFF INFO PAGE SETTINGS --- */
/*.navNation {
	margin: 50px auto 500px auto;
	width: 50%;
	min-width: 250px;
	max-width: 500px;
}*/
.treeButtonsGap {
	margin-bottom: 20px;/* adds space between 3 buttons*/
	/*padding-bottom: 10px; adds padding to the bottom of 3 buttons*/
}
/* changes nav button height on main page*/
#btnHeight .ui-btn {
	height: 62px;	
}
/* changes header button size */
.ui-header .ui-btn {
	height: 45px;
	width: 45px;
	text-align: center;
	border-radius: 22px;	
}
span.ui-btn-inner {
	padding-top: 20px;
	font-size: 18px;	
}
/* accordion buttons */
.ui-collapsible-set span.ui-btn-inner {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 18px;	
}
/* VERTICALY CENTARING BUTTONS ON MAIN PAGE 
html, body {
	height: 100%;
	padding:0;
	margin:0;	
}*/
/*SETS UP PAGE TO INSERT SHIM BETWEEN HEADER AND A SET OF NAV BUTTONS FOR MAIN AND FLORIDA MSA PAGES*/
#home {
	height: 100%;
	padding:0;
	margin:0;
}
#msa {
	height: 100%;
	padding:0 0 0;/*should help to force background pattern for accordion page200px*/
	margin:0;  
}
/*CONTROLS NAVIGATION BUTTONS DOMENTIONS FOR MAIN AND FLORIDA MSA PAGES*/
.threeButtons {
	width: 60%;
	max-width: 500px;
	margin:0 auto;
	clear: both;
}
.navFLMSA{
	margin: 0px auto 500px auto;
	width: 90%;
	max-width: 500px;
	clear: both;
	
}
/*Automaticaly adjusts empty space between header and navigation buttons on the main screen*/
#shim {
	float: left;
	height: 50%;
	margin-bottom: -141px;
	width: 1%;	
}
#shim1 {
	float: left;
	height: 30%;
	margin-bottom: -145px;
	width: 1%;	
}
/* END OF VERTICALY CENTARING BUTTONS ON MAIN PAGE */

/*@media all and (orientation:portrait) {*/


@media all and (orientation:landscape) {
	
/*#mainNav {
	width: 350px;
	min-width: 300px;
	max-width: 500px;
	margin: 15% auto 0 auto;
}

#mainNav1 {
	width: 350px;
	min-width: 300px;
	max-width: 500px;
	margin: 5% auto 0 auto;
}

.navNation {
	margin: 10px auto 500px auto;
	width: 60%;
	min-width: 300px;
	max-width: 500px;

}*/
/*.myChart1 {
	min-height: 430px;
		
}*/
/*main screen buttons changed top margin from 5% to 0 margin: 5% auto 0 auto; height: 100px;*/
.threeButtons {
	width: 250px ;
	max-width: 500px;
	margin-top: auto;
	margin-bottom: auto;
	
}
.treeButtonsGap {
		margin: 20px 0;
}
}
/*this media querie targets mobile devices with a screen width less than 640px*/
@media all and (max-width:640px) {
.ui-content {
	padding-right: 4px !important;
	padding-left: 4px !important;
}
.ui-link-inherit {
	padding-right: 43px !important;
	padding-left: 8px !important;
}

.oneShort {
	float: left;
	width: 60%;
}
	
.twoLong {
	float: right;
	text-align: right;
	width: 40%;
	padding-top: 20px;
}
.oneConsumer {
	float: left;
	width: 70%;
}
	
.two2Consumer {
	float: right;
	text-align: right;
	width: 30%;
	padding-top: 6px;
}
/*controls width of the info popup bubble*/
.infoPage {
	max-width: 280px;
}
.listFont {
	font-size: 18px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 10px 5px 10px 10px;
}
.infoTitle {
	text-align: center;	
}

}
